<template>
  <div class="col-sm-6">
    <div class="ibox float-e-margins">
      <div class="ibox-title">
        <h5>芝麻分数</h5>
        <div class="pull-right">
          <div class="btn-group">
            <button type="button" class="btn btn-xs btn-white" @click="sortZhima(0)">今天</button>
            <button type="button" class="btn btn-xs btn-white" @click="sortZhima(1)">昨天</button>
            <button type="button" class="btn btn-xs btn-white" @click="sortZhima(2)">近三天</button>
            <button type="button" class="btn btn-xs btn-white" @click="sortZhima(3)">近五天</button>
          </div>
        </div>
      </div>
      <div class="ibox-content">
        <div class="row">
          <div class="col-sm-12">
            <ul class="stat-list" id="sort_list_zhima">
              <!-- 使用v-for来循环渲染数据 -->
              <li v-for="(item, index) in zhimaData" :key="index">
                {{ item.label }}: {{ item.value }}
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      zhimaData: [], // 用于存储芝麻分数数据
    };
  },
  methods: {
    sortZhima(option) {
      // 在这里调用接口，根据传入的选项参数查询数据
      // 例如，可以使用axios或其他HTTP库来发送异步请求
      // 在请求成功后，将返回的数据赋值给zhimaData
      // 示例：假设接口返回的数据是一个数组，包含不同日期的芝麻分数
      if (option === 0) {
        // 调用接口查询今天的数据
